<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<input value="bbb">
<button id="aaa">点击</button>
<script>
    var input = document.getElementsByTagName('input')[0]
    input.value = 'zzz';// 获取dom属性

    document.getElementById('aaa').onclick = function () {
        // 获取html属性
        // 这个属性,不会随着代码的执行而改变,永远拿的是最初值
        var htmlVal = input.getAttribute('value');
        // 尽量少用,不一定能成功
        input.setAttribute('value', 'ccc');
        alert(htmlVal)
        // alert(input.value)
    }
</script>

</body>
</html>